$w:1190px;
$w1:100%;
.login_top{
    width: 100%;
    height: 150px;
    >.login_top_nei{
        width:$w;
        height: 150px;
        margin: 0 auto;
        >.login_top_left{
            width: 430px;
            height: 150px;
            float: left;
            position: relative;
            >a{
                width: 215px;
                height: 76px;
                float: left;
                position: absolute;
                bottom: 20px;
                background: url(../images/header-logo.gif);
                background-position: 0 0;
            }
            >span{
                width: 104px;
                height: 24px;
                float: left;
                position: absolute;
                bottom: 20px;
                left:215px;
                background: url(../images/header-login.png);
                background-position: 0 0;
            }
        }
        >.login_top_right{
            float: right;
            margin-top: 40px;
            >ul{
                float: right;
              
                height: 90px;
                
                >li{
                    width: 200px;
                    height:50px;
                    float: left;
                    margin-top: 45px;
                    >em{
                        float: left;
                        width: 50px;
                        height: 45px;
                        margin-left: 20px;
                        margin-right: 10px;
                    }
                    >.em1{
                        background: url(../images/footer-01.png) no-repeat;
                        background-position:0 -83px ;
                    }
                    >.em2{
                        background: url(../images/footer-01.png) no-repeat;
                        background-position:0 -160px ;
                    }
                    >.em3{
                        background: url(../images/footer-01.png) no-repeat;
                        background-position:0 -233px ;
                    }
                }
            }
        }
        
    }   
}
$h:715px;
.login_body{
    width:$w1;
    height:$h;
    float: left;
    background:#f9f9f9;
    >.login_body_main{
        width: $w;
        height:$h;
        margin: 0 auto;
        >.login_pic{
            float: left;
            width: 700px;
            height: 460px;
            margin-top: 120px;
            background: url(../images/login.jpg); 
        }
        >.login_right{
            width:480px;
            height:460px;
            float: right;
            margin-top: 120px;
            background: #eeeeee;
            position: relative;
            >.loginList{
                width: 480px;
                height: 50px;
                background: #fff;
                float: left;
                
                >li{
                    width: 160px;
                    height: 50px;
                    text-align: center;
                    line-height: 50px;
                    font-size: 18px;
                    color: #ccc;
                    float: left;
                    cursor: pointer;
                    
                }
               // >li:hover{
                 //   color:#000000;
                  //  border-bottom: 2px solid red;

                //} 
            }
            //1
            >.login_tab1{
                    width: 480px;
                    height: 300px;
                    float: left;
                    top: 50px;
                    position: absolute;
                    
                    >div{
                        width: 480px;
                        height: 60px;
                        float: left;
                        background: #fff;
                         img{
                                width: 40px;
                                height: 40px;

                            }
                         >em{
                                margin-top: 10px;
                                margin-left: 10px;
                         }
                         >input{
                             border: none;
                         }
                         
                    }
                    >div:nth-child(1){
                        margin-top: 20px;
                        border-top: 1px solid #888888;
                        border-bottom: 1px solid #888888;
                        >em{
                            width:40px;
                            height: 40px;
                            float: left;
                        }
                        input{
                            width: 250px;
                            height:40px ;
                            margin-left: 10px;
                            margin-top: 10px;
                            color: #808080;
                            border: none;
                            outline: none;
                        }
                    }
                    >div:nth-child(2){
                        border-bottom: 1px solid #888888;
                        input{
                            width: 250px;
                            height:40px ;
                            margin-top: 10px;
                            margin-left: 10px;
                            color: #808080;
                            border: none;
                            outline: none;
                        }
                        img{
                            vertical-align: middle;
                        }
                    }
                    
                    >.logindd{
                        width: 460px;
                        height: 50px;
                        background: #e5004f;
                        color: #fff;
                        margin-left: 10px;
                        margin-top: 20px;
                        outline: none;
                        font-size: 18px;
                        font-weight: 600;
                        border-radius: 3px;
                    }
                    
                    >.login_foot{
                        background: #eee;
                        width: 460px;
                        height: 25px;
                        margin-left: 10px;
                        margin-top: 20px;
                        >.span1_wang{
                            color:#ccc;
                            font-size: 18px;
                            float: left;
                            cursor: pointer!important;
                            
                        }
                        >.span2_zhu{
                            float: right;
                            line-height: 25px;
                            font-size: 16px;
                            color: #e5004f;
                            cursor: pointer;
                            
                        }
                        
                    }
                    
            }
            //2
            >.login_tab2{
                    width: 480px;
                    height: 300px;
                    float: left;
                    top: 50px;
                    position: absolute;
                    display: none;
                    >div{
                        width: 480px;
                        height: 60px;
                        float: left;
                        background: #fff;
                         img{
                                width: 40px;
                                height: 40px;

                            }
                         >em{
                                margin-top: 10px;
                                margin-left: 10px;
                         }
                         >input{
                             border: none;
                             outline: none;
                         }
                         
                    }
                    >div:nth-child(1){
                        margin-top: 20px;
                        border-top: 1px solid #888888;
                        border-bottom: 1px solid #888888;
                        >em{
                            width:40px;
                            height: 40px;
                            float: left;
                        }
                        input{
                            width: 250px;
                            height:40px ;
                            margin-left: 10px;
                            margin-top: 10px;
                            color: #808080;
                            border: none;
                            outline: none;
                        }
                    }
                    >div:nth-child(2){
                        border-bottom: 1px solid #888888;
                        input{
                            width: 250px;
                            height:40px ;
                            margin-top: 10px;
                            margin-left: 10px;
                            color: #808080;
                            border: none;
                            outline: none;
                        }
                        img{
                            vertical-align: middle;
                        }
                    }
                    
                    >.logindd{
                        width: 460px;
                        height: 50px;
                        background: #e5004f;
                        color: #fff;
                        margin-left: 10px;
                        margin-top: 20px;
                        outline: none;
                        font-size: 18px;
                        font-weight: 600;
                        border-radius: 3px;
                    }
                    
                    >.login_foot{
                        background: #eee;
                        width: 460px;
                        height: 25px;
                        margin-left: 10px;
                        margin-top: 20px;
                        >.span1_wang{
                            color:#ccc;
                            font-size: 18px;
                            float: left;
                            cursor: pointer!important;
                            
                        }
                        >.span2_zhu{
                            float: right;
                            line-height: 25px;
                            font-size: 16px;
                            color: #e5004f;
                            cursor: pointer;
                            
                        }
                        
                    }
                    
            }
            //3
            >.login_tab3{
                    width: 480px;
                    height: 280px;
                    float: left;
                    top: 50px;
                    top: 70px;
                    display: none;
                    background: #fff;
                    position: absolute;
                    >.app{
                        width: 280px;
                        height: 25px;
                        margin: 0 auto;
                        text-align: center;
                        margin-top: 20px;
                    }
                    >.app_main{
                        width: 435px;
                        height: 233px;
                        margin-left: 20px;
                        position: absolute;
                        background: #fff;
                        >.erweima{
                            width: 100px;
                            height: 100px;
                            left:170px;
                            top: 60px;
                            position: absolute;
                        }
                        >.app_phone{
                            left:250px;
                            top: 30px;
                            display: none;
                            position: absolute;
                        }
                        >ul{
                            width: 150px;
                            height: 20px;
                            position: absolute;
                            left: 150px;
                            bottom: 30px;
                            >li{
                                float: left;
                                margin-left: 10px;
                                >a:hover{
                                    color:#e5004f;
                                }
                            }
                        }
                        >.banben{
                            width: 150px;
                            height: 20px;
                            position: absolute;
                            left: 150px;
                            bottom: 5px;
                            border: 1px solid red;
                            color: red;
                            text-align: center;
                            line-height: 20px;
                           
                        }
                    }
                    
                    
            }
            
            
            
            
            
            >.other{
                width:480px;
                height: 110px;
                float: left;
                background: #fff;
                position: absolute;
                bottom: 0;
                >.hezuo{
                    width: 460px;
                    height: 20px;
                    margin: 0 auto;
                    margin-top: 10px;
                    text-align: center;
                    position: absolute;
                    >span{
                        position: absolute;
                        z-index: 1;
                        background: #fff;
                        left: 150px;
                    }
                    >p{
                        width: 460px;
                        top: 8px;
                        border: 1px solid #808080;
                        position: absolute;
                        left: 10px;
                    }
                }
                >ul{
                    width: 200px;
                    height: 30px;
                    position: absolute;
                    top: 50px;
                    left: 135px;
                        
                    >li{
                        float: left;
                        margin-left: 27px;  
                        font-size: 16px;
                        color: #ccc;
                    }
                }
            }
            
            
            >.login_right_zhu{
                position: absolute;
                width:480px;
                height:460px;
                background: #ccc;
                display: none;
                z-index: 2;
                >ul{
                    width: 480px;
                    height: 320px;
                    >li{
                        width: 480px;
                        height:53px;
                        background: #fff;
                        border-top: 1px solid #CCCCCC;
                        >input{
                            height: 40px;
                            width: 200px;
                            margin-top: 5px;
                            outline: none;
                            border: none;
                            margin-left: 10px;
                        }
                        
                        >span{
                            width: 115px;
                            height: 35px;
                            border: 1px solid #515151;
                            float: right;
                            text-align: center;
                            line-height: 35px;
                            margin-top: 10px;
                            margin-right: 20px;
                            border-radius: 5px;
                            cursor: pointer;
                        }
                        
                    }
                    >li:nth-child(1){
                        border-bottom: 2px solid #e5004f;
                        text-align: center;
                        line-height: 53px;
                        font-size: 20px;
                    }
                    >li:nth-child(2){
                        >p{
                        float: right;
                        margin-top: 17px;
                        margin-right: 20px;  
                        font-size: 16px;  
                         .go{
                             color: red;
                             cursor: pointer;
                         }                      
                        }

                    }
                }
                
                >.lookhere{
                    width: 450px;
                    float: left;
                    margin-left: 15px;
                    margin-top: 20px;
                    height: 70px;
                    >p{
                        color: #808080;
                        
                    }
                    >span{
                        width: 380px;
                        height: 40px;
                        background: #888888;
                        color: #fff;
                        border-radius: 10px;
                        float: left;
                        margin-left: 30px;
                        margin-top: 10px;
                        text-align: center;
                        line-height: 40px;
                        font-size: 16px;
                    }
                }
                
            }
        }
        
    }
}


.footer{
    width: 100%;
    height: 300px;
    float: left;
    background: #fff;
    margin-top: 30px;

    >.foot_top02{
        width: 920px;
        height: 40px;
        margin: 0 auto;
        margin-top: 10px;
        position:relative;
        >ul{
             float:left;
             width: 920px;
             height: 40px;
            >li{
                 float:left;
                 
                >a{
                    width: 73px;
                    height: 16px;
                    text-align: center;
                    float:left;
                    border-right:1px solid #ccc;
                    margin-top:10px;
                    color:#ccc
                }
                >a:hover{
                    color:red;
                } 
            }
        }
        
    }  
    .foot_top03{
        width: 558px;
        height: 45px;
        margin: 0 auto;
        margin-top: 10px;
        >p{
             text-align: center;
             color:#ccc;
             margin-top:5px;
         }
        
    }
    .foot_top04{
        width: 376px;
        height: 55px;
        margin: 0 auto;
        margin-top: 10px;
         >a img{
                margin-left:30px;
                 margin-top:10px;
            }
    
    }

}